.beau-scenery-shop-container{
  .search-inp{
    width:92%;
    background-color:#fff;
    position:fixed;
    top:0;
    left:4%;
    .search-inp-icon{
      position:relative;
      image{
        position:absolute;
        width:44rpx;
        height:44rpx;
        left:13rpx;
        top:40rpx;
      }
    }
    .search-text{
      display:inline-block;
      box-sizing:border-box;
      width:100%;
      margin:0 auto;
      margin-top:32rpx;
      margin-bottom:28rpx;
      height: 60rpx;
      line-height:60rpx;
      color:#999;
      border-radius: 6rpx;
      border: solid 2rpx #c7c7c7;
      padding-left:79rpx;
      font-size:28rpx;
    }
  }
  .beau-scenery-shop-main {
    width:100%;
    height: 100%;
    border-top: solid 2rpx #e6e6e6;
    display: flex; /*设为伸缩容器*/
    flex-flow: row; /*伸缩项目单行排列*/
    position:fixed;
    left:0;
    top:116rpx;
    .beau-scenery-shop-left{
      width:158rpx;/*固定宽度*/
      border-right:solid 2px #e6e6e6;
      padding-right:6rpx;
      box-sizing:border-box;
      view{
        width:100%;
        text-align:center;
        font-size:28rpx;
        line-height:40rpx;
        padding-top:32rpx;
        padding-bottom:32rpx;
        color:#000;
        position:relative;
        &.active{
          color: #993333;
          &:after{
             position:absolute;
            content:'';
            display:block;
            width:4rpx;
            height:40rpx;
            right:1rpx;
            top:33rpx;
            background-color:#993333;
          }

          //border-right: solid 4rpx #993333;
        }
      }
    }
    .beau-scenery-shop-right{
      flex:1;/*这里设置为占比1，填充满剩余空间*/
      margin:0 33rpx 33rpx 44rpx;
      font-size:0;
      height:100%;
      .cate-box{
        height:100%;
        box-sizing: border-box;
      }
      .beau-scenery-shop-init{
        display:inline-block;
        width:100%/3;
        color:#000;
        padding:37.5rpx 0;
        box-sizing:border-box;
        .beau-box{
          width:100%;
          text-align:center;
          &:last-child{
            margin-top:6rpx;
          }
          image{
            width:100rpx;
            height:100rpx;
          }
          text{
            margin-top:5rpx;
            font-size:24rpx;
            color:#000;
          }
        }
      }
    }
  }
}